@charset "utf-8";
/* CSS Document */

/*服务*/
.service{
	width: 100%;
	height: 100%;
}
.serviceRt{
	width: 100%;
	height: 100%;
	float: right;
	background: url(http://p5b8mmggl.bkt.clouddn.com/1.png) no-repeat center;	
	background-size: 100% 100%;
}
.serviceRt-tp{
	width: 100%;
	height: 40%;
	background: url(http://p5b8mmggl.bkt.clouddn.com/2.png) no-repeat center 36%;
}
.serviceRt-bt{
	width: 100%;
	height: 30%;
}
.serviceRt-bt li{
	width: 30%;
	height: 100%;
	margin-left: 3%;
	float: left;
}

.serviceRt-bt li dl{
	width: 100%;
	height: 100%;
}
.serviceRt-bt li dl dt{
	width: 30%;
	height: 100%;
	float: left;
}

.serviceRt-bt li dl dt span{
	display: block;
	width: 100%;
	height: 100%;
}
.serviceRt-bt li dl dt span img{
	margin-top: 20%;
}
.serviceRt-bt li dl dt b{
	display: block;
	width: 100%;
	height: 100%;	
	display: none;
}
.serviceRt-bt li dl dt b img{
	margin-top: 20%;
}
.serviceRt-bt li dl dt .hide{
	display: none;
}
.serviceRt-bt li dl dt .show{
	display: block;
}
.serviceRt-bt li dl dd{
	width: 65%;
	height: 100%;
	color: #fff;
	float: left;
	margin-left: 2%;
}
.serviceRt-bt li dl dd h4{
	font-size: 18px;
	line-height: 60px;
	font-weight: 500;
}
.serviceRt-bt li dl dd p{
	font-size: 15px;
	line-height: 30px;
	width: 80%;
}

.serviceRt-bt li:hover dl dd{
	color: #6ec6e0;
}

@media (max-width:1367px) {
	.serviceRt-bt li dl dd p{
		font-size: 13px;
	}
}

/*案例*/

.caseRt{
	width: 100%;
	height: 100%;
	float: right;
	background: url(http://p5b8mmggl.bkt.clouddn.com/9.png) no-repeat center;	
	background-size: 100% 100%;
}
.caseRt-tp{
	width: 100%;
	height: 30%;
	margin-top: 2%;
	background: url(http://p5b8mmggl.bkt.clouddn.com/10.png) no-repeat center 36%;
}
.swiper-container{
	width: 80%;
	moz-box-sizing: border-box;  
	-webkit-box-sizing: border-box; 
	-o-box-sizing: border-box; 
	-ms-box-sizing: border-box; 
	box-sizing: border-box;
	padding: 0 5%;

	
}
.swiper-wrapper{
	width: 100%;	
}
.swiper-wrapper li {         
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-direction: column;
	-webkit-box-orient: vertical;

}

.swiper-wrapper li dl{
	width: 100%;
	height: 100%;
}
.swiper-wrapper li dl dt{
	width: 100%;
	height: 65%;
	position: relative;
}

.swiper-wrapper li dl dt img{
	width: 100%;
	max-height: 100%;
}

.swiper-wrapper li dl dt span{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	background:rgba(104,190,220,0.8) url(http://p5b8mmggl.bkt.clouddn.com/12.png) no-repeat center;

	display: none;
}

.swiper-wrapper li dl dd{
	width: 100%;
	height: 30%;
	margin-top: 5%;
	color: #585859;
	border-bottom: 6px solid #333;
}
.swiper-wrapper li dl dd span{
	display: block;
	font-size: 16px;
	line-height: 30px;
}
.swiper-wrapper li dl dd b{
	font-weight: 500;
	font-size: 14px;
	line-height: 30px;
}
.swiper-wrapper li:hover dl dd{
	color: #fff;
	border-bottom: 6px solid #6ec6e0;
}
.swiper-wrapper li:hover .ali_txt {
	color: #6ec6e0;
}
.swiper-wrapper li .ali_txt{
	font-size: 14px;
	color: #ddd;	
	text-indent: 2em;
	line-height: 24px;
	padding-top:12px;
}
.swiper-wrapper li .ali_txt p{
	text-indent: 2em;
}


/*客户*/

.newsRt{
	width: 100%;
	height: 100%;
	float: right;
	background: url(http://p5b8mmggl.bkt.clouddn.com/17.png) no-repeat center;	
	background-size: 100% 100%;
}
.newsRt-ct{
	width: 62%;
	height: 36%;
	margin: 16% 18%;
}
.newsRt-ct li{
	width: 32%;
	height: 32%;
	float: left;
	border-right: 1px solid #bebebe;
	border-bottom: 1px solid #bebebe;
	display:table;
	text-align:center;
	cursor: pointer;
}
.newsRt-ct li span{
	display:table-cell;
	vertical-align:middle;
}
.newsRt-ct li:nth-child(3n){
	border-right: 0;
}
.newsRt-ct li:nth-child(7),.newsRt-ct li:nth-child(8),.newsRt-ct li:nth-child(9){
	border-bottom: 0;
}

.newsRt-ct li span img{
	width: 55%;
}

/*团队*/

.contactRt{
	width: 100%;
	height: 100%;
	float: right;
	background: url(http://p5b8mmggl.bkt.clouddn.com/29.png) no-repeat center;	
	background-size: 100% 100%;
}
.contactRt-tp{
	width: 100%;
	height: 32%;
	margin-top:4%;
	background: url(http://p5b8mmggl.bkt.clouddn.com/28.png) no-repeat center 36%;
}
.contactRt-bt{
	width: 50%;
	height: 40%;
	margin-left: 28%;
	position: relative;
	overflow: hidden;
}

.contactRt-bt-num{
	position:absolute;
	left:0;
	top:0;
	width: 35%;
	height: 36px;
	line-height: 36px;
	border:1px solid #6ec6e0;
	border-radius: 20px;
	display: flex;
	display: -webkit-box;
}
.contactRt-bt-num li{
	font-size: 16px;
	color: #fff;
	flex: 1;
	-webkit-box-flex: 1;
	display: flex;
	display: -webkit-box;
}
.contactRt-bt-num li span{
	display: block;
	flex: 1;
	-webkit-box-flex: 1;
	text-align: center;
	cursor: pointer;
	
}
.contactRt-bt-num li b{
	display: block;
	font-weight: 500;
	color: #6ec6e0;
	
}
.contactRt-bt-num li.active span{
	color: #6ec6e0;
}

.contactRt-bt-img{
	position: absolute;
	left: 0;
	top:20%;
	width: 9999px;
	height: 75%;
}
.contactRt-bt-img li{
	height: 100%;
	color: #fff;
	float: left;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 0 5px;
}
.contactRt-bt-img li h3{
	font-size: 20px;
	font-weight: 500;
	padding: 5% 0;
}
.contactRt-bt-img li p{
	font-size: 15px;
	line-height: 28px;
}
.contactRt-bt-img li img{
	height: 20%;
	margin-top: 2%;
	margin-left: 2%;
}
.contactRt-bt .btn{
	position: absolute;	
	bottom: 5%;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 26px;
	color: #fff;
	text-align: center;
	cursor: pointer;
}

.contactRt-bt .left{
	right: 36px;
}
.contactRt-bt .right{
	right: 0;
}
.contactRt-bt .btn:hover{
	color:#6ec6e0; 
}


/*优势*/
.talent{

	width: 100%;
	height: 100%;
}
.talentRt{
	width: 100%;
	height: 100%;
	float: right;
	background: url(http://p5b8mmggl.bkt.clouddn.com/37.png) no-repeat center;	
	background-size: 100% 100%;
}
.talentRt-tp{
	width: 80%;
	height: 25%;
	margin-top: 8%;
	color: #6bc5df;
	text-align: center;
	background: url(http://p5b8mmggl.bkt.clouddn.com/38.png) no-repeat center bottom;
	background-size: 50% auto;
}
.talentRt-tp b{
	display: block;
	font-size: 120px;
}
.talentRt-tp span{
	font-size: 32px;
}

.talentRt-bt{
	width: 80%;
	height: 40%;
}
.talentRt-bt h3{
	width: 100%;
	height: 20%;
	font-size: 36px;
	color: #fff;
	font-weight: 500;
	text-align: center;
	margin: 20px 0 10px;
	letter-spacing: 5px;
}
.talentRt-bt h3 b{
	font-size: 50px;
	font-weight: 500;
	color: #6bc5df;
	font-style: italic;

}
.talentRt-bt p{
	width: 100%;
	font-size: 16px;
	color: #6bc5df;
	text-align: center;
	margin-bottom: 3%;
	font-style: italic;
}


.talentRt-bt ul{
	width: 60%;
	height: 60%;
	margin: 0 auto;
	background: url(http://p5b8mmggl.bkt.clouddn.com/39.png) no-repeat center;
	background-size: 100% auto;
	position: relative;
}
.talentRt-bt ul li{
	width: 22%;
	height: 100%;
	font-size: 17px;
	color: #fff;
	cursor: pointer;
	text-align: center;

}
.talentRt-bt ul li:nth-child(1){
	position: absolute;
	left: 0;
	top:0;
}
.talentRt-bt ul li:nth-child(2){
	position: absolute;
	left: 20%;
	top:0;
}
.talentRt-bt ul li:nth-child(3){
	position: absolute;
	left: 39%;
	top:0;
}
.talentRt-bt ul li:nth-child(4){
	position: absolute;
	left: 59%;
	top:0;
}
.talentRt-bt ul li:nth-child(5){
	position: absolute;
	left: 78%;
	top:0;
}
.talentRt-bt ul li:hover{
	background: url(http://p5b8mmggl.bkt.clouddn.com/40.png) no-repeat center;
	background-size: 100% auto;
}

@media (max-width:1367px) {
	.talentRt-tp b{		
		font-size: 100px;
	}
	.talentRt-tp span{
		font-size: 25px;
	}
	.talentRt-bt h3{
		font-size: 25px;
	}
	.talentRt-bt h3 b{
		font-size:35px ;
	}
	.talentRt-bt ul li{
		font-size: 13px;
	}	
	.swiper-wrapper li .ali_txt{
		font-size: 12px;
		line-height:20px;
	}
}

